import 'bootstrap/dist/css/bootstrap.css';
import 'bootstrap-icons/font/bootstrap-icons.css';
import './index.css';
import {createApp,ref} from 'vue';
// const testMdHtml = require("./md-loader/sfc.md");
//set highlightjs
import 'highlight.js/styles/github.css';
//router
import router from './router';
//demo
import Demo from './demo';
//VueBootstrap
import VueBootstrap from 'vue-bootstrap-plus';
//init
let header = createApp({
  setup(){
    const showToggler = ref(false);
    return {
      showToggler
    };
  }
});
header.use(router);
header.mount("#header");
let app = createApp({
  name: 'app',
  setup(){
    const markdownHtml = ref('');
    return {
      markdownHtml
    };
  }
});
app.component('demo',Demo);
app.use(router);
app.use(VueBootstrap);
app.mount("#app");
